<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>风雪无垢楼</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>

    <style>
        #body{
            max-width: 720px;
            margin: 0 auto;
            background:url("img/w421.jpg") no-repeat  center 0 #0d0d0e;
            background-size:1000px;
            color:#333;
            font-size: 0.26rem;

        }
        #logo {
            width:326px ;
            margin:260px auto;
            text-align:center;
        }
        .p1{
        font-size: 80px;
            color: dodgerblue;
        }
        .input1{
            border: 0;
            background-color: transparent;
            color: white;
            height: 60px;
            width: 430px;
            font-size: 50px;
        }
    </style>


</head>
<body id="body">
<script>
    function zhuche() {
        window.location="zhuche.html"
    }
    function denglu() {
        var phone=$("#phone").val();
        var password=$("#password").val();
        $.ajax({
            url:'denglu',
            type:'post',
            data:{phone:phone,password:password},
                success: function(data){
                if(data.denglu==1){
                    $("#four").html("<h1>"+data.user.nicheng+"</h1><img src='"+data.user.touxiang+"' height='120' width='120'/>")
                    window.location="zhuye/index.html";
                }else{
                    alert("账号或密码错误！")
                }
            }
        })
    }
</script>
<div id="logo">
    <a href="img/logo.png"><img src="img/logo.png" height="324" width="324"></a><br>
    <h1 style="color: white">风雪无垢楼</h1>
    <div style="height: 200px"></div>
    <hr color="dodgerblue">
    <font class="p1">少侠</font><br>
    <font class="p1">你来了！</font>
    <hr color="dodgerblue">
    <div style="height: 100px"></div>
    <button class="btn btn-lg btn-primary" style="width: 300px;height: 80px;font-size: 40px" data-toggle="modal" data-target="#editModal">登录</button><br>
    <div style="height: 50px"></div>
    <button class="btn btn-lg btn-success" style="width: 300px;height: 80px;font-size: 40px" onclick="zhuche()">注册</button>
</div>
<!--登录 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:900px;margin:260px auto;">
        <div class="modal-content" >
            <div class="modal-header" style="background-color:black" >
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><font style="font-size: 100px;color: white">×</font></button>
                <h1 style="color: white">用户登录</h1>
            </div>
            <div class="modal-body" style="height: 1000px;background:url(img/beijing.png) no-repeat ;background-size:100%;text-align:center;">
                <div style="height: 500px"></div>
                <div class="form-search">
                    <font style="color: white;font-size: 50px">账号：</font><input type="text" id="phone" class="input1">
                    <hr width="600px" color="white">
                    <div style="height: 10px"></div>
                    <font  style="color: white;font-size: 50px">密码：</font><input type="password" id="password" class="input1">
                    <hr width="600px" color="white">
                    <div style="height: 20px"></div>
                    <button class="btn btn-lg btn-primary" style="width: 400px;height: 100px;font-size: 40px" onclick="denglu()">登录</button><br>
                    <div style="height: 20px"></div>
                    <a href="#"><h2>忘记密码</h2></a>
                </div>


            </div>

</div>
</div>
</div>
</div>

</body>
</html>